<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>预停车位</title>
    <link rel="stylesheet" href="./css/通用.css">
    <link rel="stylesheet" href="./css/预停车位.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <script src="js/animate.js"></script>
    <script src="js/通用.js"></script>
</head>

<body>
    <!-- 上导航 -->
    <div class="heard_top  center_V">
        <!-- 左菜单栏 menubar -->
        <a href="Javascript:;" class="menubar center_VH"></a>
        <!-- 中间标题 centerT -->
        <a class="centerT center_VH" href="zhinnegtingche/index.html">
            <span class="logo">
    </span>
            <h3 class="name">智能停车</h3>
        </a>
        <!-- 用户中心 -->
        <div class="user">
            <a href="用户登录.html"></a>
        </div>
    </div>

    <!-- 侧边栏 -->
    <div class="nav_intheleft">
        <div class="nav_left">
            <div class="nav_left_in">
                <ul class="nav_list">
                    <a href="zhinnegtingche/index.html" class="center_V">
                        <span class="sy"></span>
                        <p>首页</p>
                    </a>
                    <a href="预停指南.html" class="center_V adv2">
                        <span></span>
                        <p>预停指南</p>
                    </a>
                    <a href="预停车位.html" class="center_V video" style="color: rgb(50, 133, 255);">
                        <span></span>
                        <p>预停车位</p>
                    </a>
                    <a href="客服服务.html" class="center_V">
                        <span></span>
                        <p>客服服务</p>
                    </a>
                </ul>
            </div>
        </div>
    </div>

    <!-- 搜索 -->
    <div class="sousuo">
        <div class="search">
            请输入停车场地址...
        </div>
    </div>

    <!-- 附近 -->
    <div class="fujin">
        <div class="fuhead">
            <span>附近</span>
        </div>
        <div class="fubody">
            <div class="fuone">
                <a href="#">
                    <div class="one">
                        <div class="fugai">
                            <span>临时公共停车场</span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="futwo">
                <a href="#">
                    <div class="two">
                        <div class="fugai">
                            <span>机场停车场</span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <!-- 服务预约 -->
    <div class="fuwu">
        <div class="wuhead">
            <span>服务预约</span>
        </div>
        <div class="wubody">
            <div class="form">
                <div class="item">
                    <label>姓名 </label>
                    <div>请输入您的真实姓名</div>
                </div>
                <div class="item">
                    <label>手机 </label>
                    <div>请输入您的手机号</div>
                </div>
                <div class="item">
                    <label>车牌号 </label>
                    <div>请输入预停车的车牌号</div>
                </div>
                <div class="item">
                    <label>预约时间 </label>
                    <div>请选择</div>
                </div>
                <div class="item">
                    <label>停车场位置 </label>
                    <div>请选择</div>
                </div>
            </div>
            <div class="tiaojian">
                请先支付￥50.00的预停定金，停车费用另外扣除，成功支付停车费用后系统自动退回￥50.00预停定金。
            </div>
            <div class="submit">
                马上提交
            </div>
        </div>
    </div>

    <!-- footer -->
    <div class="footer">
        <span>2021 版权所有</span>
        <br>
        <i class="footer_one">移动端</i>

        <i>
            仅用于学习交流使用 <br> 版权归
            <a href="https://jzm.fkw.com/?_ta=2508">“点我”</a>
            所有
        </i>
        <i>严禁抄袭</i>
    </div>

    <!-- 底部导航 -->
    <div class="footer_nav">
        <div class="footer_nav_list">
            <a href="zhinnegtingche/index.html" class="footer_nav_btn1 center_VH">
                <i id="btn1_font"></i>
                <span>首页</span>
            </a>
            <a href="预停指南.html" class="footer_nav_btn2 center_VH">
                <i id="btn2_font"></i>
                <span>预停指南</span>
            </a>
            <a href="客服服务.html" class="footer_nav_btn3 center_VH">
                <i id="btn3_font"></i>
                <span>客服服务</span>
            </a>
        </div>
    </div>
</body>

</html>